<!doctype html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <title>URS组件</title>
    <link rel="stylesheet" type="text/css" href="static/cdn20210830064043/v2/stylesheets/pages/login-urs_1.css">
    <link rel="stylesheet" type="text/css" href="static/cdn20210830064043/v2/stylesheets/pages/login-urs.css">
    <script src="js/vue.min.js"></script>
    <script src="js/axios.js"></script>
    <style type="text/css">.auto-1632724315815-parent {
        position: relative;
    }

    .auto-1632724315815 {
        position: absolute;
        border: 1px solid #aaa;
        background: #fff;
        text-align: left;
        visibility: hidden;
    }

    .auto-1632724315815 .zitm {
        height: 20px;
        line-height: 20px;
        cursor: default;
    }

    .auto-1632724315815 .js-selected {
        background: #1257F9;
    }</style>
</head>
<body>
<div class="m-confirm f-dn" id="confirm">
    <div class="note">
        你确定放弃注册吗？
    </div>
    <div class="f-cb btnbox"><a class="u-btn-confirm f-ib btncolor" data-action="confirmgoon">继续</a><a
            class="u-btn-confirm f-ib btncolor-ext" data-action="confirmclose">放弃</a>
    </div>
</div>
<div class="g-bd cnt-box-include" id="cnt-box-parent">
    <div id="loading" class="f-dn"></div>
    <div class="g-bd" id="cnt-box" performance-first-screen="">
        <div class="m-header">
            <div class="u-closebtn u-closebtn1" data-action="doclose"></div>
            <div class="headimg j-headimg"></div>
        </div>
        <div class="m-cnt" id="auto-id-1632724315890">
            <form id="login-form">
                <div class="m-container" id="auto-id-1632724315892"> <!--帐号-->
                    <div class="inputbox" id="account-box">
                        <div class="u-logo" id="auto-id-1632724315889">
                            <div class="u-logo-img1" id="auto-id-1632724315895"></div>
                        </div>
                        <div class="u-input box auto-1632724315815-parent" id="auto-id-1632724315891">
                            <label class="u-label f-dn" id="auto-id-1632724315843" style="display: block;">网易通行证/网易邮箱/手机邮箱</label>
                            <input v-model="id" data-placeholder="网易通行证/网易邮箱/手机邮箱" name="email" data-type="email"
                                   data-loginname="loginEmail" data-required="true"
                                   class="j-inputtext dlemail j-nameforslide" type="text" autocomplete="off"
                                   tabindex="1" spellcheck="false" id="auto-id-1632724315829"
                                   placeholder="网易通行证/网易邮箱/手机邮箱">
                            <div class="auto-1632724315815 m-sug" id="auto-id-1632724315859"
                                 style="visibility: hidden;"></div>
                            <span class="pr-domain j-prdomain f-dn"></span>
                        </div>
                        <div class="u-tip" id="auto-id-1632724315849" style="display: none;">
                            <div class="u-success u-clear"></div>
                        </div>
                    </div>
                    <div class="fur-change-email"></div> <!--密码-->
                    <div class="inputbox">
                        <div class="u-logo">
                            <div class="u-logo-img2" id="auto-id-1632724315894"></div>
                        </div>
                        <div class="u-input box">
                            <label class="u-label f-dn" id="auto-id-1632724315864" style="display: block;">6-16&nbsp;位密码，区分大小写</label>
                            <input type="password" style="display:none;width:0;height:0;">
                            <input v-model="pwd" data-placeholder="6-16 位密码，区分大小写" name="password" maxlength="50" data-required="true"
                                   class="j-inputtext dlpwd" type="password" autocomplete="new-password"
                                   data-max-length="50" tabindex="2" spellcheck="false" id="auto-id-1632724315832"
                                   placeholder="6-16 位密码，区分大小写">
                            <input maxlength="50" data-placeholder="6-16 位密码，区分大小写" type="text" id="pwdtext"
                                   class="u-pwdtext" placeholder="6-16 位密码，区分大小写">
                        </div>
                        <div class="u-tip" id="auto-id-1632724315870" style="display: none;">
                            <div class="u-success u-clear"></div>
                        </div>
                    </div> <!-- 验证码 -->
                    <div class="ckbox m-ckcnt f-cb f-dn">
                        <div class="inputbox ckin">
                            <div class="u-input">
                                <label class="u-label f-dn" id="auto-id-1632724315873"
                                       style="display: block;">验证码</label>
                                <input data-placeholder="验证码" name="checkcode" class="j-inputtext cktext" type="text"
                                       data-required="true" data-max-length="4" maxlength="4"
                                       data-pattern="^[0-9a-zA-Z]{4,6}$" tabindex="3" spellcheck="false"
                                       autocomplete="off" id="auto-id-1632724315835" placeholder="验证码">
                            </div>
                            <div class="u-tip" id="auto-id-1632724315879" style="display: none;">
                                <div class="u-success u-clear"></div>
                            </div>
                            <div class="u-tip">
                                <div class="u-success u-suc"></div>
                            </div>
                        </div>
                        <div class="inputbox ckimgbox f-fr">
                            <img class="ckimg" title="点击刷新验证码" alt="点击获取验证码" onerror="" id="auto-id-1632724315881">
                        </div>
                    </div> <!-- 滑块验证码 -->
                    <div class="ckbox m-ckcnt slidebox f-cb f-dn" style="position: relative;">
                        <div class="ScapTcha" id="ScapTcha"></div>
                        <input type="hidden" id="pwd" value="">
                        <input type="hidden" id="ct" value="">
                        <input name="slidecap" style="height:0;width:0;display:none;" type="text" data-required="true"
                               value="" id="auto-id-1632724315838">
                    </div> <!-- 错误提示 -->
                    <div class="m-etbox" style="display:none;">
                        <div class="ettip">
                            <div class="etimgbox">
                                <div class="img etimg"></div>
                            </div>
                            <div class="ettext"></div>
                        </div>
                    </div>
                    <div class="m-nerror f-dn" id="nerror"></div> <!-- 登录条款 --> <!-- 登录按钮 -->
                    <div class="f-cb loginbox">
                        <a href="javascript:void(0);" id="dologin" data-action="dologin"
                           class="u-loginbtn btncolor tabfocus btndisabled" tabindex="8"
                        @click.prevent="login">登&nbsp;&nbsp;录</a>
                    </div> <!-- 登录条款 --> <!-- 免登复选框 -->
                    <div class="m-unlogin">
                        <div class="b-unlogn j-unlogn">
                            <span class="u-checkbox tabfocus u-checkbox-select"> <input id="un-login" type="checkbox"
                                                                                        name="un-login"
                                                                                        class="un-login"> </span> <label
                                for="un-login" id="auto-id-1632724315893">十天内免登录</label>
                        </div>
                        <a class="forgetpwd j-redirect j-fglink" data-outlink="1"
                           href="https://reg.163.com/naq/findPassword" target="_blank"
                           id="auto-id-1632724315884">忘记密码？</a> <a id="changepage" data-action="none"
                                                                   class="u-regbtn bgcolor tabfocus j-redirect"
                                                                   href="http://zc.reg.163.com/regInitialized?pd=yuehui&amp;pkid=buXGTGl&amp;pkht=yuehui.163.com"
                                                                   data-outlink="2" target="_blank"
                                                                   tabindex="11">邮箱注册</a>
                    </div> <!-- 第三方登录 -->
                </div>
            </form>
        </div> <!-- 分割线 -->
        <div class="m-sep">
            <div class="leftsep f-fl"></div>
            <div class="rightsep f-fr"></div>
            <div class="centertext">
                网易用户中心
            </div>
        </div> <!--页脚-->
        <div class="m-footer" id="footer">
            <div class="f-cb">
                <p class="f-fl tip m-sep">您还没有网易邮箱帐号？</p>
                <p class="f-fr"><a class="btn-qrcode j-btnqrcode f-dn"></a></p>
            </div>
        </div>
    </div>
    <div class="g-bd" id="cnt-box2" style="display:none;"></div>
</div>
<script>
    var v = new Vue({
        el : "#cnt-box-parent",
        data : {
            id : "",
            pwd : ""
        },
        methods : {
            login(){
                var p = new URLSearchParams();
                p.append("username",this.id);
                p.append("password",this.pwd)
                axios.post("login", p).then(res=>{
                    alert(res.data.msg);
                    window.parent.v.$refs.myframe.getLoginedUser();
                })
            }
        }
    })
</script>
</body>
</html>